@layout("/common/_vContainer.html"){
<el-row id="app">
    <el-row :gutter="20">
        <el-col :span="6">
            <div class="card">
                <div class="p-tb-10 f-w-700">成绩溯因预测</div>
            </div>
        </el-col>
        <el-col :span="18">
            <div class="card">
                <el-button type="success" v-on:click="location.reload()"><i class="el-icon-refresh"></i> 刷新</el-button>
            </div>
        </el-col>
    </el-row>

    <div class="card">
        <el-row>
            <el-form :inline="true">
                <el-form-item label="科目名称">
                    <el-input v-model="condition.subject" placeholder="科目名称"></el-input>
                </el-form-item>
                <el-form-item label="分数值">
                    <el-input v-model="condition.value" placeholder="分数值"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" :loading="loading" v-on:click="queryData('prev')">预测</el-button>
                    <el-button type="warning" :loading="loading" v-on:click="queryData('next')">溯因</el-button>
                </el-form-item>
            </el-form>
        </el-row>
        <el-table class="m-t-20" border :data="page.data" v-loading.sync="loading" element-loading-text="正在查询结果...">
            <el-table-column type="index" label="#" width="50"></el-table-column>
            <el-table-column prop="rule" label="离散规则"></el-table-column>
            <el-table-column prop="prev" label="关联前键"></el-table-column>
            <el-table-column prop="next" label="关联后键"></el-table-column>
            <el-table-column prop="propValue" label="结果属性"></el-table-column>
        </el-table>
    </div>


</el-row>
<script src="${ctxPath}/static/modular/edu/cal/rule.js"></script>
@}
